import { View, Text, StyleSheet } from "react-native";
import { useLocalSearchParams } from "expo-router";
import { Spacing, Typography, Colors } from "@/constants/theme";

export default function MedicineRegimenDetail() {
  const { id } = useLocalSearchParams<{ id: string }>();

  return (
    <View style={styles.container}>
      <Text style={styles.title}>Medicamento #{id}</Text>
      <Text style={styles.subtitle}>Em breve: edição de medicamento</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: Spacing.containerPadding,
    alignItems: "center",
    justifyContent: "center",
  },
  title: { ...Typography.headlineMd },
  subtitle: { ...Typography.bodyMd, color: Colors.light.textSecondary, marginTop: 8 },
});